﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Editar Curso</h3>
    </div>
    <div class="panel-body">


        <div class="row bs-wizard" style="border-bottom: 0;">

            <div class="col-xs-4 bs-wizard-step complete">
                <div class="text-center bs-wizard-stepnum">Paso 1</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Seleccion del Periodo.</div>
            </div>

            <div class="col-xs-4 bs-wizard-step active">
                <!-- complete -->
                <div class="text-center bs-wizard-stepnum">Paso 2</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Registro del Curso.</div>
            </div>

            <div class="col-xs-4 bs-wizard-step disabled">
                <!-- complete -->
                <div class="text-center bs-wizard-stepnum">Paso 3</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Seleccion del Docente.</div>
            </div>
        </div>



        <form class="form-horizontal" role="form">
            <input type="hidden" name="idPeriodo" id="idPeriodo" value="{{IdPeriodo}}" />
            <div class="form-group" id="nombreGroup">
                <label class="col-sm-2 control-label" for="nombre">Nombre:</label>
                <div class="col-sm-8">
                    <input name="nombre" id="nombre" class="form-control" type="text" value="{{NombreCurso}}">
                </div>
            </div>
            <div class="form-group" id="descripcionGroup">
                <label class="col-sm-2 control-label" for="descripcion">Descripcion:</label>
                <div class="col-sm-8">
                    <input name="descripcion" class="form-control" id="descripcion" type="text" value="{{Descripcion}}">
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label" for="estadoCurso">Estado:</label>
                <div class="col-sm-8">
                    <select name="estadoCurso" class="form-control" id="estadoCurso">
                        <option value="Activo">Activo</option>
                        <option value="Inactivo">Inactivo</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-2 control-label" for="periodo">Periodo:</label>
                <div class="col-sm-6">
                    <input type="text" id="periodo" class="form-control" value="{{NombrePeriodo}}" />
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-success" href="#" id="seleccionarPeriodo">Seleccionar</a>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="docente">Docente:</label>
                <div class="col-sm-6">
                    <input type="text" id="docente" class="form-control" value="{{NombreDocente}}" />
                </div>
                <div class="col-sm-2">
                    <a class="btn btn-success" href="#">Seleccionar</a>
                </div>
            </div>
            <br />
            <div class="form-group">
                <div class="container-fluid">
                    <div class="col-sm-2">
                        <a id="cancelar" class="btn btn-primary" href="#" style="text-align: left"><i class="fa fa-plus"></i>Regresar</a>
                    </div>
                    <div class="col-sm-offset-4 col-sm-2">
                        <a id="guardar" class="btn btn-primary guardar" href="#" style="text-align: right"><i class="fa fa-angle-right"></i>Guardar</a>
                    </div>
                </div>
            </div>
            <a id="navigateSeleccionDocente" href="#" style="visibility: hidden" />
        </form>
    </div>
</div>
